<template lang="pug">
  #main.main-layout
    SystemHeader
    iframe.iframe(v-if="showIframe"
      frameborder="0"
      src="http://oc.gaoyuanyunguo.com/dpgy.html")
    Map(v-else)
    .main
      router-view
</template>

<script>
import SystemHeader from "../../components/common/SystemHeader";
import Map from '../../components/common/Map';

export default {
  components: {
    SystemHeader,
    Map,
  },
  computed: {
    showIframe() {
      return this.$route.path === '/page7';
    }
  }
}
</script>

<style lang="scss">
.main-layout{
  position: absolute;
  @extend %abs-full;
  overflow: hidden;
  .iframe{
    width: 100%;
    height: 100%;
  }
  .main{
    display: flex;
    position: absolute;
    top: rem(175);
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 9999;
  }
}
</style>
